<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表标签</title>
</head>
<body>
    <!-- ul无序列表，也就是说没有排列限制可以随意加li -->
  <!-- type属性：默认表示实心小圆点，square表示前面符号是实心方形，circle空心圆形 -->
  <ul type="circle">
    <li>首页</li>
    <li>产品展示页</li>
    <li>友商公司</li>
    <li>联系我们</li>
  </ul>

  <!-- ol有序列表，会按照你写的li前后依次排列 -->
  <!-- type属性：默认是1,2,...  i就是i,ii,... ,  I和a和A -->
  <ol type="A">
    <li>选我</li>
    <li>选他</li>
    <li>全选</li>
    <li>全不选</li>
  </ol>

  <!-- 
    dl定义分层列表，会默认前后层级关系。
    以 <dl> 标签开始。每个列表项以 <dt> 开始。每个列表项的定义以 <dd> 开始。 
  -->
  <dl>
    <dt>小学一年级</dt>
    <dt>数学</dt>
    <dd>90</dd>
    <dd>100</dd>
    </dt>
    <dt>英语</dt>
    <dd>80</dd>
    <dd>95</dd>
    </dt>
  </dl>
</body>
</html>